<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<script>
			// 创建
			let xhr = new XMLHttpRequest()

			// 配置
			xhr.open('GET', '/my/url')

			// 请求
			xhr.send()

			// 请求成功回调
			xhr.onload = function () {
				// 处理返回的请求状态码
				if (xhr.status != 200) {
					// 处理错误 error
					console.log('Erro: ' + xhr.status)
					return
				}

				// 获取来自 xhr.response 的响应
			}

			// 请求期间执行的回调
			xhr.onprogress = function (event) {
				// 后端返回了 Content-Length 头，则 event.lengthComputable 为 true，才有 event.total 否则 event.total 为 0。
				console.log(`已下载 ${event.loaded} - 总长度 ${event.total}`)
			}

			// 非HTTP错误回调
			xhr.onerror = function () {
				// 例如网络中断，...
			}
		</script>
	</body>
</html>
l
